<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body class="layui-layout-body" style="height: 600px;">
<input hidden value="${ pageContext.request.contextPath }" type="text"
       id="ctx" />
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav" lay-filter="" style="background-color: #EB7350">
            <li class="layui-nav-item"><label> <i
                    class="layui-icon layui-icon-template-1"></i>网上书城
            </label></li>
            <li class="layui-nav-item" style="margin-left: 1200px;"></li>
            <li class="layui-nav-item" class="anim"><a href="ShopCar.jsp" title="购物车"
                                                       onmouseover="add(i1)" onmouseout="remove(i1)"><i
                    class="layui-icon layui-icon-cart" id="i1"></i></a></li>
            <li class="layui-nav-item" class="anim"><a href="" title="联系我们"
                                                       onmouseover="add(i2)" onmouseout="remove(i2)"><i
                    class="layui-icon layui-icon-service" id="i2"></i></a></li>
            <li class="layui-nav-item" class="anim"><a href="" title="退出"
                                                       onmouseover="add(i3)" onmouseout="remove(i3)"><i
                    class="layui-icon layui-icon-logout" id="i3"></i></a></li>
            <li class="layui-nav-item" class="anim"><a href="../client/index.jsp"
                                                       title="返回首页" onmouseover="add(i1)" onmouseout="remove(i1)"><i
                    class="layui-icon">&#xe68e;</i></a></li>
        </ul>
    </div>

    <div class="layui-side" style="border: 1px solid white">
        <div class="layui-side-scroll" style="width: 100%">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="nav nav-pills nav-stacked" id="docDemoMenu1"></ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px; height: 90%;" id="content">
            <!-- <button onclick="tree()">查询data</button> -->
            <div class="page-header">
                <form class="layui-form" action="#" style="width: 250px;">
                    <!-- <div class="layui-form-item">
                        <select name="city" lay-verify="required">
                            <option value="3">每行显示3本书籍</option>
                            <option value="6">煤行显示6条书籍</option>
                        </select>
                    </div> -->
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width: 100px;">搜索条件:</label>
                        <div class="layui-input-block">
                            <select name="city" lay-verify="required">
                                <option value=""></option>
                                <option value="0">作者名称</option>
                                <option value="1">书籍名称</option>
                            </select>
                        </div>
                    </div>
                </form>
                <input type="text" class="form-control" placeholder="请输入关键字"
                       style="width: 400px; position: absolute; top: 57px; left: 280px;">
                <button class="layui-btn layui-btn-normal" onclick="seachBook">搜索</button>
            </div>
            <div class="page-header" id="header">
                <h2>
                    热销书籍 <small>look look me!</small>
                </h2>
            </div>
            <div class="row" id="hotbookContent">

            </div>
            <div id="page1"></div>
            <div class="page-header" id="header">
                <h2>
                    最新上线 <small>look look me!</small>
                </h2>
            </div>
            <div class="row" id="newbookContent">

            </div>
            <!-- 内容 -->
            <div id="page2"></div>
        </div>
    </div>
</div>
<input hidden id="ctx" value="${ pageContext.request.contextPath }" />
</body>
</html>